<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>工作经历</title>
	</head>
	<body>
		<h3>工作经历</h3>
		<hr >
			<div id="div1"></div>
	<!-- s			<div id="div2">
				公司名称：
				<input type="text" name="Compan" id="" value="" />
				职位：
				<input type="text" name="Position" id="" value="" />
				<a href="#" onclick='deletework();'>删除工作经历</a>
				<br>
				<br>
				<table>
				<tr>
					<td align="center">工作职责及工作内容描述：</td>
				
					<td><textarea rows="6" cols="90">
					</textarea></td>
				</tr>
		</table><hr >	
			</div> -->
			<p style="text-align: right;">
				<a onclick="innerjoin();" href="#">添加工作经历</a>
			</p>
	</body>
	<script type="text/javascript">
		function innerjoin(){
			var divAdd = document.getElementById('div1');
			var daivAdd2 = document.createAttribute('div2');
			divAdd.innerHTML+= `
		<div id="div2">
				公司名称：
				<input type="text" name="Compan" id="" value="" />
				职位：
				<input type="text" name="Position" id="" value="" />
				<a href="#" onclick="deletework();">删除工作经历</a>
				<br>
				<br>
				<table>
				<tr>
					<td align="center">工作职责及工作内容描述：</td>
					<!-- 行内样式 -->
					<td><textarea rows="6" cols="90">
					</textarea></td>
				</tr>
		</table><hr >	
			</div>
			`
		}
		
		function deletework(){
			var deletediv = document.getElementById('div1');
			var deletediv2 = document.getElementById('div2');
			deletediv.removeChild(deletediv2)
		}
		
		
	</script>
</html>
